<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:composite="http://java.sun.com/jsf/composite">

    <h:head>
        <f:facet name="first">
            <meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />
        </f:facet>
    </h:head>

    <composite:interface>
        <composite:attribute name="ordenPedido" type="pe.com.cotelasa.scp.entidad.OrdenPedido"/>
        <composite:attribute name="ordenCS" type="pe.com.cotelasa.scp.entidad.OrdenCompraServicio"/>
        <composite:attribute name="actionCbxOrdenCS" method-signature="void action()"/>
        <composite:attribute name="updateCbxOrdenCS" type="java.lang.String"/>
        <composite:attribute name="updateCbxOrdenP" type="java.lang.String"/>
        <composite:attribute name="tipoOrden" type="java.lang.String" default="ALL"/>
    </composite:interface>

    <composite:implementation>

        <p:panelGrid id="pnlPrincipal" style="width:95%;margin: 0px auto">
            <p:row>
                <p:column colspan="1" style="width:150px">
                    <h:outputLabel id="lblNroOrdenPed" value="CODIGO DE OP: " class="lblForm" />
                </p:column>
                <p:column colspan="4">
                    <p:selectOneMenu id="cbxOrdenPedido" value="#{cc.attrs.ordenPedido.id}" 
                                     style="width: 160px" filter="#{BKCompOrdenPOrdenCS.listaOrdenesPedido.size() gt 10}" 
                                     filterMatchMode="contains"> 
                        <f:selectItem itemLabel="Seleccionar" itemValue="0" /> 
                        <f:selectItems value="#{BKCompOrdenPOrdenCS.listaOrdenesPedido}" var="ordenP" 
                                       itemLabel="#{ordenP.codigoOrdenPedido}" itemValue="#{ordenP.id}" />
                        <p:ajax update="#{cc.attrs.updateCbxOrdenP}"  
                                listener="#{MBCompOrdenPOrdenCS.listarOrdenCS(cc.attrs.ordenPedido.id,cc.attrs.tipoOrden)}"/>
                    </p:selectOneMenu>
                    <p:message for="cbxOrdenPedido" display="text" />
                </p:column>
                <p:column colspan="1" style="width:200px">
                    <h:outputLabel id="lblNroOrdenCS" value="CODIGO DE ORDEN C/S: " class="lblForm" />
                </p:column>
                <p:column colspan="4">
                    <p:selectOneMenu id="cbxCS" value="#{cc.attrs.ordenCS.id}" 
                                     style="width: 140px" filter="#{BKCompOrdenPOrdenCS.listaOrdenesCS.size() gt 10}" 
                                     filterMatchMode="contains" panelStyle="width: 300px;font-size:11px"> 
                        <f:selectItem itemLabel="Seleccionar" itemValue="0" /> 
                        <f:selectItems value="#{BKCompOrdenPOrdenCS.listaOrdenesCS}" var="ordenCS" 
                                       itemLabel="#{ordenCS.codigo} (#{ordenCS.tipo eq 67?ordenCS.idCategoriaArticulo.nombre:ordenCS.servicio})" itemValue="#{ordenCS.id}" />
                        <p:ajax update="#{cc.attrs.updateCbxOrdenCS}" listener="#{cc.attrs.actionCbxOrdenCS}" />
                    </p:selectOneMenu>
                    
                    
                    <p:message for="cbxCS" display="text" />
                </p:column>
            </p:row>
        </p:panelGrid>

    </composite:implementation>

</html>